<template>
<uni-shadow-root class="partials-locateAddress-gongyi_location_area-index"><template name="location_area">
    <view class="location_area_block" :style="'background:'+(jsonData.bgColor)+';color: '+(jsonData.fontColor)+';'">
        <view class="location_area_info" :data-link="'select_area.html?location_area='+(locationArea)" @click="tolinkUrl">
            <image :src="jsonData.icon||"https://image1.sansancloud.com/gongyixiangmu/2019_12/31/18/44/26_612.jpg?x-oss-process=style/preview_120"" class="location_area_icon"></image>
            <text class="location_area_name">{{locationArea||'暂无区域'}}</text>
            
        </view>
        <view class="location_area_search">
            <image src="https://image1.sansancloud.com/xianhua/2020_1/6/11/13/19_520.jpg?x-oss-process=style/preview_120" class="location_area_search_icon"></image>
            <input class="location_area_search_input" :placeholder="jsonData.searchTip" data-link="search_page.html" @click="tolinkUrl"></input>
        </view>
    </view>
</template></uni-shadow-root>
</template>

<script>

global['__wxRoute'] = 'partials/locateAddress/gongyi_location_area/index'

Component({})

export default global['__wxComponents']['partials/locateAddress/gongyi_location_area/index']
</script>
<style platform="mp-weixin">
.location_area_block{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 14rpx 25rpx;
    box-sizing: border-box;
    width: 100%;
}
.location_area_info{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 35%;
}
.location_area_icon{
    width: 40rpx;
    height: 40rpx;
    margin-right: 10rpx;
}
.location_area_name{
    font-size: 32rpx;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 80%;
}
.location_area_search{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10rpx 16rpx;
    width: 450rpx;
    height: 60rpx;
    box-sizing: border-box;
    background: #eee;
    border-radius: 60rpx;
}
.location_area_search_icon{
    width: 28rpx;
    height: 28rpx;
    margin-right: 16rpx;
}
.location_area_search_input{
    font-size: 28rpx;
}
</style>